@charset "utf-8";

/* 个人主页背景 */
.profile_page { background-color:#F3F4F5;}
.homeskin { position:absolute; top:40px; right:0; width:36px; height:28px; background:url(homeskin.png) no-repeat; opacity:0.7;filter:alpha(opacity=70);}
a.homeskin:hover { height:36px; background-position:0 -28px; opacity:1;filter:alpha(opacity=100);}

/* 内容区 */
#content { text-align:center;}

	.profile_menu_item { float:left; height:18px; padding:2px 8px; border:1px solid #A6A6A6; border-radius:3px; background:#F7F8F9; line-height:18px; color:#333; font-size:14px; font-weight:bold;}
	a.profile_menu_item { color:#333;}
		.profile_menu_item .icon { float:right; width:16px; height:18px; background-position:-20px -120px;}
		.profile_menu_item .add_icon { float:left; width:16px; height:18px; background-position:-42px -120px;}
		.profile_menu_item .followed_icon { float:left; width:16px; height:18px; background-position:-100px -170px;}
		a.profile_menu_item:hover { text-decoration:none; border-color:#666; background:#fff;}

#fixed_profile_info {}
.default { visibility:hidden;}
.fixed { display:block;}
.profile_info { position:fixed; z-index:9998; width:100%; height:40px; padding:5px 0; border-bottom:1px solid #eee; background:url(profile_menu.png) 0 -195px repeat-x;}
	.profile_info .mini_info { float:left;}
	.profile_info .face { float:left;}
	.profile_info .name { float:left; height:24px; padding:8px 0 8px 10px;}
		.profile_info .name a { border-right:0; border-radius:3px 0 0 3px;}
	.profile_info .profile_nav { float:left; height:24px; padding-top:8px;}
		.profile_info .profile_nav a { border-radius:0 3px 3px 0;}
	.profile_info .exchange { float:right; height:24px; padding-top:8px;}
		.profile_info .exchange a { margin-left:8px;}

.slider_box { height:403px; padding-top:17px; background:#333 url(../del/profile_slider_bg.jpg) center top no-repeat;}
	.slider_980 { position:relative; width:982px; height:403px; margin:0 auto;}
	.slider_bg { z-index:1; position:absolute; left:0; top:0; width:982px; height:403px; background:#000; opacity:0.7;filter:alpha(opacity=70);}
	.slider { z-index:2; position:absolute; left:0; top:0;}
		.slider li { position:relative; float:left; width:200px; height:200px; padding:1px 0 0 1px;}
		.slider li span { position:absolute; display:block; width:198px; height:198px; border:1px solid #fff; opacity:0.5;filter:alpha(opacity=50);}
		.slider li a:hover span { background:#000; opacity:0.3;filter:alpha(opacity=30);}
	.slider01 { float:left; width:402px;}
	.slider02 { float:left; width:378px;}
		.slider02 li { width:377px; height:401px;}
		.slider02 li span { width:375px; height:399px;}
	.slider03 { float:left; width:201px; height:201px;}

.timeline { background:url(timeline_bg.png) repeat-y;}
.base_info { height:40px;}
.base_info .profile_nav { float:left; width:200px; height:32px; padding-top:8px;}
	.base_info .profile_nav a { float:none; display:block; width:66px; margin:0 auto; text-align:center;}
.base_info .info { position:relative; float:left; width:779px; height:32px; padding-top:8px; background:url(profile_menu.png) 0 -194px repeat-x;}
	.base_info .info .name { z-index:3; position:absolute; left:-24px; top:-39px; width:225px; height:39px; background:url(profile_menu.png) -298px 0 no-repeat;}
	.base_info .info .boy { background-position:-298px -94px;}
		.base_info .info .name .yahei { padding:11px 0 0 55px; font-size:14px; color:#fff;}
	.base_info .info .state_icon { z-index:3; position:absolute; left:-24px; top:0; width:45px; height:55px; background:url(profile_menu.png) -298px -39px no-repeat;}
	.base_info .info .boy_icon { background-position:-298px -133px;}
	.base_info .info .state { float:left; margin-left:20px; height:22px; border:1px solid #EBEBEB; border-radius:5px; background:#fff;}
		.base_info .info .state li { float:left; padding:0 10px;}
		.base_info .info .state li img { margin-top:3px;}
		.base_info .info .state li a { color:#666;}
		.base_info .info .state li span { float:left; padding-top:3px; line-height:16px;}
		.base_info .info .state li em { float:left; padding-top:2px; font-size:16px; font-weight:bold; color:#333; line-height:18px;}
	.base_info .info .medal { float:left;}
		.base_info .info .medal a { float:left; padding-left:5px;}
	.base_info .info .more { float:left; padding-left:5px;}
		.base_info .info .more a { padding-left:2px; padding-right:5px;}
	.base_info .info .exchange { float:right; padding-top:0;}
		.base_info .info .exchange a { margin-right:8px;}
		
.main { float:left; width:710px; padding:20px 0 30px 0;}

	.add_message_box { padding-top:10px;}
		.add_message { float:left;}
			.add_message .text_input { height:70px; border:1px solid #ccc; border-radius:5px; box-shadow:1px 1px 1px 0 #EAEAEA inset;}
			.add_message .input_detail { width:468px; height:60px; padding:5px; border:0; font-size:14px; word-wrap:break-word; line-height:18px; overflow-y:auto; overflow-x:hidden; outline:medium none;}
			.add_message .send_func { height:30px; padding-top:5px;}
				.add_message .media_list { float:left;}
					.add_message .emotion { float:left; padding:5px 5px 5px 0;}
					.add_message .emotion .icon { background-position: -40px 0;}
					.add_message .picture { float:left; padding:5px 5px 5px 0;}
					.add_message .picture .icon { background-position: -40px -20px;}
					.add_message .video { float:left; padding:5px 5px 5px 0;}
					.add_message .video .icon { background-position: -40px -40px;}
					.add_message .music { float:left; padding:5px 5px 5px 0;}
					.add_message .music .icon { background-position: -40px -60px;}
				.add_message .send { float:right;}
				.add_message .send a { float:left; width:82px; height:30px; background:url(button.png) 0 -35px no-repeat}
	
	.catagory_list { height:34px; padding:20px 0 0 186px;}
		.catagory_list p { float:left; height:24px; padding:3px 30px 3px 43px; border:2px solid #fff; border-radius:15px; background:#F3F4F5;}
			.catagory_list a { float:left; height:20px; margin-right:15px; padding:2px 0; line-height:20px; font-size:14px;}
			.catagory_list a.current { padding:2px 10px; background:#fff; color:#333; font-weight:bold;}
	
	.tl_list {}
		.tl_list .item { padding-top:20px;}
		.tl_list .item:after { content:'\20'; display:block; height:0; clear:both;}
		.tl_list .item { *zoom:1;}
		.tl_list .day_sprit_item { height:20px; margin-left:200px; padding-left:25px; background:url(profile_icon.png) 0 -188px repeat-x;}
			.tl_list .day_sprit_item .day { padding-left:5px; font-size:14px; background:#fff; line-height:20px; color:#999;}
			.added_info_box { float:left; width:215px; padding:0 15px 0 0;}
				.added_info { float:left; width:186px; text-align:right;}
					.added_info .txt_in { height:19px; margin-top:8px; padding:5px 6px 0 0; line-height:19px;}
					.add_message_box .txt_in { color:#090; font-size:14px;}
					.today_sport_item .txt_in { color:#f60; font-size:14px;}
					.sport_item .txt_in { color:#999;}
					.added_info .viewer_list { float:right; padding:10px 6px 0 0;}
						.added_info .viewer_list a { float:left;}
						.added_info .viewer_list span { float:left; width:42px; height:25px; background:url(profile_icon.png) 0 -162px no-repeat;}
				.catagory_icon { float:left; width:29px; height:29px; margin-top:8px; background:url(profile_icon.png) 0 -12px no-repeat;}
					.today_sport_item .catagory_icon { background-position:0 -42px;}
					.saying_item .catagory_icon { background-position:0 -72px;}
					.photo_item .catagory_icon { background-position:0 -102px;}
					.sport_item .catagory_icon { background-position:0 -132px;}
			.tl_detail_wrap { float:left; width:480px;}
				.tl_detail { padding:10px 15px; border-radius:5px 5px 0 0; background:#F3F4F5;}
				.today_sport_item .tl_detail { border:1px solid #f90; border-bottom:0; background:#fff;}
					.tl_detail .tl_info { padding-bottom:5px; font-size:14px;}
						.tl_detail .tl_media_expand .tl_info { font-size:12px;}
					.tl_detail .tl_text { font-size:14px; line-height:24px;}
						.tl_detail .tl_media_expand .tl_text { font-size:12px; line-height:20px; color:#666;}
					.tl_detail .small_note { font-size:12px; font-size:12px; color:#666;}
					.tl_detail .tl_media_prev { padding:5px 0;}
					.tl_media_expand { padding:10px 15px; border:1px solid #EEEFF0; background:#FAFAFA;}
				.tl_comment { border-radius:0 0 5px 5px; background:#EEEFF0;}
					.today_sport_item .tl_comment { border:1px solid #f90; border-top:0; background:#f8f8f8;}
					.tl_media_expand .tl_comment { border:0; background:none;}
					.tl_comment_prev { height:18px; padding:5px 0; line-height:18px;}
						.tl_comment_prev .time { float:left; padding-left:15px; color:#999;}
						.tl_media_expand .tl_comment_prev .time { padding-left:0;}
						.tl_comment_prev .operate { float:right; padding-right:15px;}
						.tl_media_expand .tl_comment_prev .operate { padding-right:0;}
				
.side { float:right; width:226px; padding:20px 20px 30px 0;}
	.card { padding-top:10px;}
		.card .inner { padding:1px; border:1px solid #ddd; border-radius:3px 3px 0 0; border-bottom:0; background:#FAFAFA;}
		.card .face_list {}
			.face_list a { float:left; width:37px; height:37px; overflow:hidden;}
			.face_list a img { width:37px; height:37px;}
			.face_list a img.first { border-radius:3px 0 0 0;}
			.face_list a img.row_end { border-radius:0 3px 0 0;}
		.card .pic_list img { width:222px; border-radius:3px 3px 0 0;}
		.card .title { height:16px; padding:5px 10px; border:1px solid #ddd; border-radius:0 0 3px 3px; border-top:0; background:#FAFAFA; line-height:16px;}
		.card .title h2 { float:left; font-weight:normal;}
			.card .title h2 span { color:#999;}
		.card .title .more { float:right; width:11px; height:11px; margin:2px 0 0 0; background:url(profile_icon.png) no-repeat;}

.mod_menu { height:60px; padding:5px 0 5px 5px; border:1px solid #eee; background:#fff;}
	.mod_menu li { float:left; height:60px; padding-right:5px;}
	.mod_menu li .menu_item { float:left; height:40px; padding:10px; background:#FAFAFA; color:#666;}
	.mod_menu li a:hover { text-decoration:none; background:#EEEFF0;}
	.mod_menu li .current { background:#6D757C; line-height:18px; color:#fff;}
		.mod_menu li a.current:hover { background:#6D757C;}
		.mod_menu li .menu_item em { display:block; font-size:18px; font-weight:bold; line-height:22px;}
	.mod_menu li span.icon { float:left; width:30px; height:28px; margin:3px 10px 0 0; background:url(icon.png) 0 -220px no-repeat;}
.mod_box { margin-top:50px; padding:10px 0;}
	
/* 相册 */
.photo_mod_box .mod_menu li .menu_item { width:299px;}
	.mod_menu .photo span.icon { background-position:-1px -253px;}
	.mod_menu .photo .current span.icon { background-position:-67px -220px;}
	.mod_menu .alumb span.icon { background-position:-67px -253px;}
	.mod_menu .alumb .current span.icon { background-position:-34px -253px;}
	.mod_menu .friend_photo span.icon { background-position:-34px -220px;}
	.mod_menu .friend_photo .current span.icon { background-position:-1px -220px;}

.image_box { margin-top:10px; padding:9px 19px 19px 19px; background:#fff; border:1px solid #eee;}
.img_mode { width:940px; }
	.img_mode .item_list { position:relative;}
		.img_mode .item { width:226px; margin:10px 0 0 0; background:#f8f8f8; border:1px solid #ddd; overflow:hidden;}
		.img_mode .pic { margin:0 auto; position:relative;}
		.img_mode .pic a { display:block;}
		.img_mode .likeit_btn { display:none; position:absolute; top:5px; right:8px;}
		.img_mode .likeit_btn a { display:block; height:20px; width:20px; background-position:-60px -120px;}
		.img_mode .likeit_btn a:hover { background-position:-60px -140px;}
		.img_mode .intro { padding:8px 10px; color:#666; line-height:20px;}
		.img_mode .alumb_name { height:20px; padding:5px 10px; color:#666; line-height:20px;}
		.img_mode .state { height:20px; border-top:1px solid #ddd; padding:5px 5px 5px 6px; background:#f0f0f0;}
			.img_mode .state div { float:left; padding-right:8px;}
			.img_mode .state a { float:left; height:20px; line-height:20px; color:#999;}
			.img_mode .state a .icon { float:left;}
			.img_mode .state a:hover { color:#09c; text-decoration:none;}
			.img_mode .forward a .icon { float:left; background-position:-60px -80px;}
			.img_mode .forward a:hover .icon { background-position:-60px -100px;}
			.img_mode .comment a .icon { float:left; background-position:-60px -40px;}
			.img_mode .comment a:hover .icon { float:left; background-position:-60px -60px;}
			.img_mode .like a .icon { float:left; background-position:-60px 0;}
			.img_mode .like a:hover .icon { background-position:-60px -20px;}
		.img_mode .author { height:25px; padding:8px 10px; border-top:1px solid #ddd; line-height:25px; overflow:hidden;}
			.img_mode .author img { float:left; padding-right:5px;}
			.img_mode .author a { color:#666;}
				.img_mode .author a span { color:#999;}
			.img_mode .author a:hover { color:#09c; text-decoration:none;}
			
.alumb_mode { width:940px;}
	.alumb_mode .item { float:left; width:226px; margin:10px 9px 0 0; background:#f8f8f8; border:1px solid #ddd; overflow:hidden;}
	.alumb_mode .row_end { float:right; margin-right:0;}
		.alumb_mode .pic { margin:0 auto; padding:8px 8px 0 8px;}
		.alumb_mode .pic a { display:block;}
		.alumb_mode .alumb_name { height:20px; padding:8px 10px 10px 8px; font-size:14px; color:#999; line-height:20px;}
		.alumb_mode .state { height:20px; border-top:1px solid #ddd; padding:5px 5px 5px 6px; background:#f0f0f0;}
			.alumb_mode .state div { float:left; padding-right:8px;}
			.alumb_mode .state a { float:left; height:20px; line-height:20px; color:#999;}
			.alumb_mode .state a .icon { float:left;}
			.alumb_mode .state a:hover { color:#09c; text-decoration:none;}
			.alumb_mode .forward a .icon { float:left; background-position:-60px -80px;}
			.alumb_mode .forward a:hover .icon { background-position:-60px -100px;}
			.alumb_mode .comment a .icon { float:left; background-position:-60px -40px;}
			.alumb_mode .comment a:hover .icon { float:left; background-position:-60px -60px;}
			.alumb_mode .like a .icon { float:left; background-position:-60px 0;}
			.alumb_mode .like a:hover .icon { background-position:-60px -20px;}
			
/* 日历 */
.exercise_mod_box .mod_menu li .menu_item { width:461px;}
.exercise_calendar_box { margin-top:10px; border:1px solid #eee; background:#fff;}
	.mod_menu .exercise_state span.icon { background-position:-1px -287px;}
	.mod_menu .exercise_info span.icon { background-position:-34px -287px;}
.calendar_title { height:30px; margin:5px; padding:5px; background:#FAFAFA;}
	.calendar_title .profile_menu_item { height:18px; padding:5px 10px; border:1px solid #E1E1E1; border-radius:0; background:#eee;}
	.calendar_title span.profile_menu_item { border:1px solid #ccc; border-right:0; background:#ddd; color:#666;}
	.calendar_title a.profile_menu_item:hover { text-decoration:none; border-color:#666; background:#fff;}
	.calendar_title .today { float:left; height:18px; padding:6px 0 0 10px; line-height:18px; color:#666;}
	.calendar_title .view_style { float:right;}
	.calendar_title .view_style span.current { box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;}
.calendar_box { padding:20px 30px 30px 0;}

.calendar_tl { float:left; width:660px; background:url(calendar_timeline_bg.png) repeat-y;}
	.calendar_tl .pre_link_item { height:36px; padding-left:48px;}
		.calendar_tl .pre_link_item a { display:block; height:20px; padding:7px 0; border:1px solid #eee; background:#FAFAFA; line-height:20px; font-size:14px;}
		.calendar_tl .pre_link_item a .icon { float:left; margin:0 12px 0 4px; background-position:-20px -160px;}
	.calendar_tl .next_link_item { height:36px; padding-top:20px; padding-left:48px;}
		.calendar_tl .next_link_item a { display:block; height:20px; padding:7px 0; border:1px solid #eee; background:#FAFAFA; line-height:20px; font-size:14px;}
		.calendar_tl .next_link_item a .icon { float:left; margin:0 12px 0 4px; background-position:-40px -160px;}
	.calendar_tl .day_item { padding-top:20px;}
	.calendar_tl .day_item:after { content:'\20'; display:block; height:0; clear:both;}
	.calendar_tl .day_item { *zoom:1;}
		.calendar_tl .month { float:left; width:40px; padding:7px 7px 7px 0; height:22px; line-height:22px; text-align:right;}
		.calendar_tl .day { float:left; width:29px; height:22px; padding:7px 0; background:url(icon.png) -60px -170px no-repeat; line-height:22px; font-size:22px; text-align:center;}
		.calendar_tl .today_item .day { color:#f60;}
		.calendar_tl .day_content { float:left; width:575px; padding-left:9px;}
			.calendar_tl .day_full { height:22px; padding:7px 0; line-height:22px; color:#666;}
			.calendar_tl .today_item .day_full { color:#f60;}
			.calendar_tl .day_detail { margin-top:5px; padding:10px 15px; border-radius:5px 5px 0 0; background:#F3F4F5;}
			.calendar_tl .today_item .day_detail { border:1px solid #f90; border-bottom:0; background:#fff;}
			.calendar_tl .day_detail_extra { padding:5px 15px; border-radius:5px;}
			.calendar_tl .today_item .day_detail_extra { padding:5px 15px; border-radius:5px; border:0; background:#F3F4F5;}
				.calendar_tl .day_text { font-size:14px; line-height:22px;}
				.calendar_tl .day_detail_extra .day_text { font-size:12px; line-height:20px;}
				.calendar_tl .day_pic_list { height:160px; padding:5px 0;}
				.calendar_tl .day_pic_list img { float:left; padding-right:5px;}
			.calendar_tl .day_comment { border-radius:0 0 5px 5px; background:#EEEFF0;}
				.calendar_tl .today_item .day_comment { border:1px solid #f90; border-top:0; background:#f8f8f8;}
				.day_comment_prev { height:18px; padding:5px 0; line-height:18px;}
					.day_comment_prev .time { float:left; padding-left:15px; color:#999;}
					.day_comment_prev .operate { float:right; padding-right:15px;}
		
.calendar_side { float:right; width:260px;}
.calendar_side_fixed {  float:right; width:260px; position:fixed; top:100px; left:660px; z-index:9999px;}
	.calendar_month {}
		.calendar_month .title { height:20px; padding:7px 0; border:1px solid #eee; background:#FAFAFA; line-height:20px; font-size:14px;}
			.calendar_month .title .month { float:left; padding-left:10px;}
			.calendar_month .title .right { padding-right:10px;}
				.calendar_month .title .pre { float:left; background-position:-80px -110px;}
				.calendar_month .title a.pre:hover { float:left; background-position:-80px -130px;}
				.calendar_month .title .next { float:left; background-position:-100px -110px;}
				.calendar_month .title a.next:hover { float:left; background-position:-100px -130px;}
				.calendar_month .title .right a.this_week { float:left; height:18px; width:auto; padding:0 5px; line-height:18px; border:1px solid #eee; border-left:0; border-right:0; background:#fff; color:#333; font-size:12px;}
			.calendar_month .calendar_list { padding:6px; border:1px solid #eee; border-top:0; background:#FAFAFA;}
				.calendar_month .calendar_list span { float:left; width:21px; height:20px; margin:3px 7px; text-align:center;}
				.calendar_month .calendar_list a { float:left; width:21px; height:20px; margin:3px 7px; text-align:center; color:#333;}
				.calendar_month .calendar_list a.today { background:#f60; color:#fff; font-weight:bold;}
				.calendar_month .calendar_list a:hover { text-decoration:none; background:#eee;}
				.calendar_month .calendar_list a.today:hover { background:#f60; color:#fff;}
				
/* 关注 粉丝 */
.follow_box { padding:0 19px 9px 19px; border:1px solid #eee; background:#fff;}
.follow_main { float:left; width:620px;}
	.follow_state { height:20px; padding:19px 0 5px 0; border-bottom:1px dotted #ddd; line-height:20px; font-size:14px;}
	.follow_list {}
		.follow_list li { padding:15px 0; border-bottom:1px dotted #ddd;}
		.follow_list li:after { content:'\20'; display:block; height:0; clear:both;}
		.follow_list li { *zoom:1;}
		.follow_list .face { float:left; width:115px;}
		.follow_list .detail { float:left; width:505px;}
			.follow_list .info { height:20px; line-height:16px; font-size:14px;}
				.follow_list .name { float:left; height:16px; margin-right:5px; padding-top:2px;}
				.follow_list .info span { float:left; height:16px; margin-left:5px; padding:2px 5px; background:#E2E4E7; font-size:12px;}
				.follow_list .info .coach { background:#43B2EF; color:#fff;}
				.follow_list .info .single { background:#f60; color:#fff;}
				.follow_list .info .member_level { float:left; width:24px; height:14px; margin:3px 0 1px 0; background:url(member_level.png) no-repeat; line-height:14px;}
				.follow_list .info .operate { float:right;}
					.follow_list .operate .profile_menu_item { height:16px; padding:2px 5px; line-height:16px; font-size:12px; font-weight:normal;}
						.follow_list .operate .profile_menu_item .add_icon { height:16px; background-position:-42px -121px;}
						.follow_list .operate .profile_menu_item .followed_icon { height:16px; background-position:-100px -170px;}
			.follow_list .state { height:16px; padding-top:6px; line-height:16px; color:#999;}
			.follow_list .intro { padding-top:3px; line-height:20px;}
			.follow_list .newst { padding-top:3px; line-height:20px;}
.follow_side { float:right; width:300px;}
	.follow_side .ad_box { margin-top:19px;}
	
/* 关于 */
.about_box { padding:19px; border:1px solid #eee; background:#fff;}
.about_main { float:left; width:550px;}
.about_side { float:right; width:370px;}
	.about_mod { margin-bottom:20px; padding:12px 15px; background:#FAFAFA; font-size:14px; line-height:22px;}
	.about_main .about_mod { background:#F3F4F5;}
		.about_mod h2 { padding-bottom:5px; font-size:16px; font-weight:normal; color:#333;}
		.about_mod li { padding:5px 0; line-height:22px;}
		.about_mod li:after { content:'\20'; display:block; height:0; clear:both;}
		.follow_list li { *zoom:1;}
		.about_mod li span { float:left; width:100px; color:#666;}
		.about_mod li p { float:left;}
		.about_side .about_mod li p { width:240px;}